@charset "UTF-8";
@import "base.less";
@import "ui-dialog.less";
@import "ui-message-light.less";
@import "ui-loading.less";
@import "elementui.less";
@font-face {
  font-family: "element-icons";
  src: url('../fonts/element-icons.woff') format("woff"), url('../fonts/element-icons.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "iconfont"; /* Project id 2554035 */
  src: url('../fonts/iconfont.eot?t=1621763422903'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1621763422903#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1621763422903') format('woff'),
  url('../fonts/iconfont.ttf?t=1621763422903') format('truetype');
}
html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  font-family: "PingFang SC", "Microsoft YaHei", Source Han Sans CN, Hiragino Sans GB, microsoft yahei, arial, sans-serif;
}

blockquote, body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, img, input, legend, li, ol, p, pre, s, span, td, textarea, th, ul {
  margin: 0;
  padding: 0
}

body {
  min-width: 1200px;
  overflow: auto;
  background: #f8f8f8;
}

::-webkit-scrollbar { /*滚动条整体样式*/
  position: absolute;
  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
::-webkit-scrollbar-thumb {
  .round(10px);
  .boxshadow(inset 0 0 5px rgba(0, 0, 0, 0.2));
  background: @font-input;
}
::-webkit-scrollbar-track { /*滚动条里面轨道*/
  .boxshadow(inset 0 0 5px rgba(0, 0, 0, 0.2));
  background: @font-btn;
}

table {
  border-collapse: separate;
  border-spacing: 0
}

img {
  border: none;
  vertical-align: middle
}

button, label {
  cursor: pointer
}

s {
  text-decoration: none
}

em, i {
  font-style: normal
}

:focus {
  outline: 0;
}

.pr {
  position: relative
}

.pa {
  position: absolute
}

.hide, .undis {
  display: none
}

.clr {
  clear: both
}

label {
  _cursor: auto !important
}

a {
  color: #222;
}

a, a:hover {
  text-decoration: none
}

a:active, a:hover {
  color: #ed0011
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  color: #282828;
  font-weight: 400
}
ol, ul {
  list-style-type: none
}

dl dt {
  font-weight: normal;
}
.form-control {
  .box-sizing(border-box);
  display: block;
  width: 100%;
  height: 42px; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
  padding: 6px 15px;
  font-size: 14px;
  line-height: 30px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  .boxshadow(none);
  &:focus {
    border-color: #8eb4f7;
    outline: 0;
    .boxshadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(5,20,166,.2)");
  }
  .tran(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");

  // Placeholder
  &::-moz-placeholder {
    color: #999;
    opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
  }
  &:-ms-input-placeholder { color: #999; } // Internet Explorer 10+
  &::-webkit-input-placeholder  { color: #999; } // Safari and Chrome

  // Disabled and read-only inputs
  //
  // HTML5 says that controls under a fieldset > legend:first-child won't be
  // disabled if the fieldset is disabled. Due to implementation difficulty, we
  // don't honor that edge case; we style them as disabled anyway.
  &[disabled],
  fieldset[disabled] & {
    cursor: not-allowed;
    background-color: #ddd;
    opacity: 1; // iOS fix for unreadable disabled content
  }

  // Reset height for `textarea`s
  textarea& {
    height: auto;
  }
}
.fl {
  float: left;
}

.fr {
  float: right;
}

input {
  border: 0;
  outline: none;
}

.fcenter span, .contactbox .close, .tsgbox .close, .tsgcon span, .resultcon span, .backbox {
  .background-image('pages/pc_icon.png');
  .background-attr(left top, 600px 300px, no-repeat);
}

.headerbox {
  height: 100px;
  background: #0514a6;
}
.header {
  width: 1200px;
  margin: 0 auto;
  padding-top: 27px;
  position: relative;
  user-select: none;
  h1 {
    font-weight: normal;
    color: rgba(255, 255, 255, .9);
    padding-left: 25px;
    display: inline-block;
    position: absolute;
    line-height: 45px;
    border-left: 1px solid rgba(255, 255, 255, .9);
    margin-left: 260px;
    margin-top: -45px;
    font-family: "PingFang SC", "Microsoft YaHei";
    font-size: 20px;
  }
}

.h_logo {
  width: 235px;
  height: 45px;
  .background-image('logo.png');
  .background-attr(left top, contain, no-repeat);
  display: block;
}

.inputbox {
  width: 1200px;
  padding: 40px 0;
  margin: 30px auto 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 20px #ddd;
  & + .pagebox {
    margin-top: 12%;
  }
  & + .footerbox {
    margin-top: 13%;
  }
}
.filter-table {
  margin: 0 auto;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  tbody {
    th, td {
      vertical-align: top;
      color: #444;
      padding: 10px 0;
    }
    th {
      font-weight: normal;
      line-height: 42px;
      font-size: 16px;
      white-space: nowrap;
      text-align: right;
      padding-right: 5px;
      width: 140px;
    }
    td {
      padding-right: 60px;
      white-space: nowrap;
      font-size: 0;
    }
  }
  tfoot {
    td {
      vertical-align: top;
      padding: 20px 60px;
      padding-bottom: 0;
      text-align: right;
      button {
        display: inline-block;
        width: 140px;
        border: 1px solid transparent;
        .button-variant(#1f53b1, #fff, #1f53b1);
        .button-size(0, 20px, 18px, 44px, 5px);
        margin-left: 20px;
      }
      button.btn2 {
        .button-variant(#fff, #1f53b1, #1f53b1);
      }
    }
  }
  .search-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 120px;
    .icon-arrow-down {
      cursor: pointer;
      display: inline-block;
      .absolute(auto, 50%, 5px, auto, 30px, 30px, 1);
      margin-top: -15px;
      line-height: 30px;
      text-align: center;
      font-size: 16px;
      opacity: .5;
      .tran(all .2s ease);
      background-color: #fff;
    }
    .form-control {
      cursor: text;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 35px;
    }
    & + .search-select {
      margin-left: 11px;
      width: 264px;
    }
    .s-s-list {
      .box-sizing(border-box);
      padding-top: 15px;
      background-color: rgba(255, 255, 255, 0);
      min-width: 100%;
      white-space: nowrap;
      position: absolute;
      opacity: 0;
      visibility: hidden;
      z-index: -1;
      .tran(all .2s ease);
      &:before, &:after {
        content: "";
        display: block;
        .absolute(4rem, -1px, auto, auto, 0, 0, 2);
        .box-sizing(content-box);
        border: 8px solid transparent;
        border-bottom-color: #e8e8e8;
      }
      &:after {
        margin-top: 1px;
        border-bottom-color: #fff;
      }
      .s-s-content {
        position: relative;
        z-index: 1;
        display: block;
        overflow: hidden;
        .round(8px);
        border: 1px solid #e8e8e8;
        .boxshadow(0 5px 15px rgba(0, 0, 0, .1));
        background-color: #fff;
        padding: 8px 0;
        .s-s-wrap {
          overflow: hidden;
          overflow-y: auto;
          max-height: 216px;
        }
      }
      ul {
        display: block;
        overflow: hidden;
        li {
          display: block;
          overflow: hidden;
          &.nomatch {
            font-size: 14px;
            text-align: center;
            line-height: 30px;
            padding: 10px 15px;
            color: #999;
          }
          a {
            .normal-link();
            display: block;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 30px;
            padding: 3px 15px;
            color: #555;
            .tran(all .1s ease);
            &:hover {
              background-color: #eff4fc;
            }
          }
          &.current {
            a {
              color: #fff;
              background-color: lighten(#1f53b1, 10%);
            }
          }
        }
      }
    }


    &.active {
      .s-s-list {
        visibility: visible;
        z-index: 10;
        opacity: 1;
      }
      .icon-arrow-down {
        .transform(rotate(-180deg));
      }
    }
  }

  .el-select {
    width: 120px;
    .el-input {
      .el-input__inner {
        height: 42px;
        line-height: 42px;
        border-color: #e8e8e8;
      }
      &.is-focus {
        .el-input__inner {
          border-color: #8eb4f7 !important;
          outline: 0;
          .boxshadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(5,20,166,.2)");
        }
      }
    }

    & + .el-select {
      margin-left: 15px;
      width: 260px;
    }
  }
}

.inputlist {
  float: left;
  width: 50%;
  margin-bottom: 30px;
  position: relative;
}

.inputlist .name {
  float: left;
  width: 140px;
  font-size: 18px;
  color: #444;
  line-height: 40px;
  text-align: right;
}

.category_1, .category_2 {
  float: left;
  width: 170px;
  height: 38px;
  margin-right: 22px;
  padding: 0;
  border: 1px solid #e8e8e8;
  position: relative;
}

.category_2 {
  width: 200px;
  margin-right: 0;
}

.category_1 .sinput, .category_2 .sinput {
  padding: 10px 15px;
  line-height: 38px;
}

.category_1 .sinput input, .category_2 .sinput input {
  color: #8f8f8f;
}

.category_1 .sinput s, .category_2 .sinput s {
  width: 15px;
  height: 10px;
  background: url("../images/d_icon.png") no-repeat 0 0;
  position: absolute;
  right: 10px;
  top: 15px;
}

.category_1 .sword, .category_2 .sword {
  position: absolute;
  left: -1px;
  top: 36px;
  width: 170px;
  line-height: 22px;
  color: #8f8f8f;
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 5px 0;
  z-index: 110;
  display: none;
}

.category_1 .sword p, .category_2 .sword p {
  padding: 0 10px;
}

.category_1 .sword p:hover, .category_2 .sword p:hover {
  background: #ccc;
}

.category_2 .sword {
  width: 200px;
}

/*.category_1,.category_2{float:left;width:170px;height:38px;margin-right:22px;padding:0;border:1px solid #e8e8e8;border-radius:4px;}
.category_1 select,.category_2 select{border: none;font-size:14px;color:#8f8f8f;padding:0 15px;margin-top:10px;line-height:20px;width:100%;appearance:none; -moz-appearance:none; -webkit-appearance:none;background: url("../images/d_icon.png") no-repeat scroll 140px center transparent;background-size:15px 10px;}
.category_2 select{background:url("../images/d_icon.png") no-repeat scroll 170px center transparent;}*/

.inputlist .tsg {
  font-size: 12px;
  color: #f00;
  position: absolute;
  left: 155px;
  top: 44px;
}

.textinput1, .textinput2 {
  border-color: #e8e8e8;
  font-size: 14px;
  color: #8f8f8f;
}

.textinput1 {
  width: 400px;
}

.textinput2 {
  width: 400px;
}
.dateinput-group {
  display: block;
  white-space: nowrap;
  font-size: 0;
  label {
    display: inline-block;
    vertical-align: top;
    line-height: 42px;
    font-size: 14px;
    padding: 0 8px;
  }
  .dateinput {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    width: 183px;
    .form-control {
      cursor: pointer;
    }
    .iconfont {
      display: inline-block;
      line-height: 40px;
      font-size: 22px;
      color: #aaa;
      .absolute(auto, 50%, 2px, auto, 40px, 40px, 1);
      text-align: center;
      margin-top: -20px;
    }
  }
}
.inputlist .ctxt {
  display: inline-block;
  vertical-align: top;
  line-height: 42px;
  padding: 0 12px;
  color: #8f8f8f;
}


.conterbox {
  width: 1200px;
  margin: 30px auto;
  background: #fff;
  border-radius: 8px;
  padding: 22px;
  box-sizing: border-box;
  display: block;
}

.crumbs {
  height: 50px;
  font-size: 14px;
  color: #666;
  line-height: 50px;
  background: #f6f6f6;
  padding: 0 30px;
  border-radius: 5px;
}

.procon {
  display: block;
  position: relative;
  border: 1px solid #e6e6e6;
  margin-top: 15px;
  .round(4px);
  background: #fff;
  overflow: hidden;
  .tran(all .1s ease);
}

.procon:hover {
  background: #f7f9fd;
}

.protitle {
  height: 54px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  background-color: rgba(0, 0, 0, .03);
}

.protitle h3 {
  font-size: 16px;
  line-height: 54px;
  padding-left: 25px;
}
.protitle h3 strong {
  color: #1f53b1;
}

.protitle a {
  .normal-link();
  display: inline-block;
  vertical-align: top;
  .box-sizing(border-box);
  .absolute(auto, 50%, 10px, auto, 110px, 34px, 5);
  margin-top: -17px;
  .round(4px);
  font-size: 14px;
  color: #333;
  line-height: 32px;
  text-align: center;
  border: 1px solid #e6e6e6;
  background: #fff;
  .tran(all .1s ease);
  &:hover {
    background-color: #e1ecff;
    border-color: #1f53b1;
    color: #1f53b1;
  }
}

.protitle span:hover {
  border: 1px solid #1f53b1;
  color: #1f53b1;
}

.prolist {
  clear: both;
  padding: 15px 0;
  overflow: hidden;
  ul {
    display: block;
    overflow: hidden;
    font-size: 0;
  }
}

.prolist li {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  width: 354px;
  height: 30px;
  line-height: 30px;
  margin: 0 15px;
}

.prolist li .ltxt {
  display: inline-block;
  width: 100px;
  text-align: right;
  font-size: 14px;
  vertical-align: top;
}

.prolist li .rtxt {
  display: inline-block;
  vertical-align: top;
  color: #888;
  margin-left: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  width: 229px;
}

.prolist li .rtxt span {
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  background: #41bba6;
  .round(30px);
  text-align: center;
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  position: relative;
  top: 4px;
  padding: 0 12px;
}
.layer-contacts {
  .fixed(0, 0, 0, 0, auto, auto, -1);
  visibility: hidden;
  opacity: 0;
  .tran(all .2s ease);
  &:before {
    display: block;
    content: "";
    .absolute(0, 0, 0, 0, auto, auto, 0);
    background-color: rgba(0, 0, 0, .7);
  }
  .layer-body {
    .absolute(50%, 50%, auto, auto, 580px, 440px, 100);
    margin-left: -290px;
    margin-top: -220px;
    background-color: #fff;
    .round(14px);
    opacity: 0;
    .tran(all .3s ease .1s);
    overflow: visible;
    dl {
      display: block;
      overflow: hidden;
      height: 100%;
      dt {
        display: block;
        border-bottom: 1px solid #ddd;
        .boxshadow(0 0 8px rgba(0, 0, 0, .1));
        position: relative;
        z-index: 5;
        ul {
          display: block;
          margin-bottom: -1px;
          position: relative;
          z-index: 5;
          font-size: 0;
          padding: 0 30px;
          overflow: hidden;
          li {
            display: inline-block;
            vertical-align: top;
            white-space: nowrap;
            .box-sizing(border-box);
            overflow: hidden;
            & + li {
              margin-left: 10px;
            }
            a {
              display: inline-block;
              .normal-link();
              vertical-align: top;
              line-height: 55px;
              height: 53px;
              overflow: hidden;
              font-size: 16px;
              padding: 0 15px;
              border-bottom: 2px solid transparent;
              color: #666;
            }
            &.current {
              a {
                border-color: #1f53b1;
                color: #1f53b1;
              }
            }
          }
        }
      }
      dd {
        display: block;
        overflow: hidden;
        margin: 10px 8px;
        overflow-y: auto;
        padding: 20px;
        height: 325px;
        position: relative;
        z-index: 1;
        .table-item {
          overflow: hidden;
          & + .table-item {
            border-top: 1px solid #ededed;
            padding-top: 20px;
            margin-top: 20px;
          }
        }
        table {
          margin: 0;
          table-layout: fixed;
          max-width: 100%;
          border-collapse: collapse;
          tbody {
            th, td {
              line-height: 22px;
              padding: 8px 10px;
              font-size: 16px;
              color: #333;
              vertical-align: top;
              overflow:hidden;
            }
            th {
              white-space: nowrap;
              vertical-align: top;
              text-align: right;
              font-weight: normal;
              label {
                display: inline-block;
                vertical-align: top;
                overflow:hidden;
                white-space: nowrap;
                padding-left: 10px;
                cursor: default;
              }
            }
            td {
              color: #999;
            }
          }
        }
      }
    }
  }
  .layer-close {
    .normal-link();
    display: inline-block;
    .absolute(auto, -55px, 0, auto, 35px, 35px, 10);
    overflow: hidden;
    text-align: center;
    color: #fff;
    .tran(all .2s ease);
    &:hover {
      opacity: .7;
    }
    .iconfont {
      display: inline-block;
      vertical-align: top;
      margin: 0;
      width: 100%;
      height: 100%;
      line-height: 35px;
      font-size: 32px;
    }
  }
  &.active {
    visibility: visible;
    z-index: 1000;
    opacity: 1;
    .layer-body {
      opacity: 1;
    }
  }
}
.pagination {
  text-align: center;
  padding: 30px 0;
  padding-bottom: 40px;
  .el-pagination {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    font-weight: normal;
    padding: 0;
    button {
      .clear-style();
      display: inline-block;
      vertical-align: top;
      text-align: center;
      font-size: 14px;
      line-height: 30px;
      .box-sizing(border-box);
      height: 32px;
      border: 1px solid rgba(0, 0, 0, .1);
      .button-size(0, 15px, 14px, 30px, 3px);
      .button-variant(#333, #fff, rgba(0, 0, 0, .1));
      span {
        display: inline-block;
        vertical-align: top;
        line-height: 30px;
        padding: 0 15px;
        background-color: transparent;
      }
    }
    &.is-background {
      .btn-prev, .btn-next {
        .button-size(0, 6px, 14px, 30px, 3px);
        .button-variant(#333, #fff, rgba(0, 0, 0, .1));
        &:disabled {
          opacity: .5;
        }
      }
    }
    .el-pager {
      display: inline-block;
      vertical-align: top;
      font-family: Arial;
      li {
        display: inline-block;
        vertical-align: top;
        .box-sizing(border-box);
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .1);
        min-width: 32px;
        line-height: 30px;
        height: 32px;
        .round(3px);
        text-align: center;
        font-size: 14px;
        padding: 0 5px;
        &:hover,&:not(.disabled):hover {
          color: #1f53b1;
        }
        &.active, &:not(.disabled).active {
          background-color: #1f53b1;
          border-color: #1f53b1;
          &:hover {
            color: #fff;
          }
        }
      }
    }
  }
}
.pagebox {
  text-align: center;
  margin: 50px auto;
  width: 1200px;
  overflow: hidden;
  white-space: nowrap;
  * {
    .box-sizing(border-box);
  }
  font-size: 0;
  ul {
    display: inline-block;
    vertical-align: top;
    li {
      display: inline-block;
      vertical-align: top;
      overflow: hidden;
      a, span {
        .normal-link();
        display: inline-block;
        vertical-align: top;
        color: #444;
        background-color: #fff;
        line-height: 32px;
        font-size: 14px;
        border: 1px solid #e6e6e6;
        background-color: #fff;
        .round(4px);
        text-align: center;
        min-width: 36px;
        padding: 0 10px;
        overflow: hidden;
        margin: 0 8px;
      }
      a {
        .tran(all .1s ease);
        &:hover {
          background-color: lighten(#1f53b1, 55%);
          border-color: lighten(#1f53b1, 45%);;
        }
      }
      &.page_cur {
        a, span {
          background-color: #1f53b1;
          border-color: #1f53b1;
          color: #fff;
        }
      }
      &.page_prev, &.page_next {
        a, span {
          width: 82px;
        }
      }
    }
  }
}
.conterbox-more {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  margin-top: -10px;
  margin-bottom: -20px;
  a {
    .normal-link();
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    .tran(all .2s ease);
    &:hover {
      opacity: .7;
    }
    .h1, .h2 {
      display: block;
      font-size: 18px;
      color: #444;
      line-height: 24px;
    }
    .h2 {
      color: #999;
      font-size: 14px;
      em {
        color: #1f53b1;
        display: inline-block;
        vertical-align: top;
        font-family: Arial;
        margin: 0 2px;
        font-weight: bolder;
      }
    }
    .iconfont {
      display: inline-block;
      vertical-align: top;
      color: #ccc;
      font-size: 24px;
    }
  }
}

.noresult {
  clear: both;
  padding: 180px 0;
  text-align: center;
}

.resultcon span {
  width: 195px;
  height: 180px;
  display: block;
  background-position: -405px -122px;
  margin: 0 auto;
}

.resultcon p {
  clear: both;
  font-size: 16px;
  color: #d1d1d2;
  line-height: 40px;
}

.footerbox {
  clear: both;
  background: #1f53b1;
  padding: 35px;
  overflow: hidden;
}

.footer {
  width: 1170px;
  margin: 0 auto;
}

.fleft {
  float: left;
  width: 260px;
}

.fleft p {
  margin-bottom: 13px;
}

.fleft p:last-child {
  margin-bottom: 0;
}

.fcenter {
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 60px;
  margin-left: 400px;
}

.fcenter span {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.fcenter span.icon1 {
  background-position: -57px -80px;
}

.fcenter span.icon2 {
  background-position: -99px -77px;
}

.fcenter span.icon3 {
  background-position: -149px -77px;
}

.fcenter a {
  color: #fff;
}

.fright {
  float: left;
  width: 155px;
  margin-left: 120px;
}

.fright p {
  clear: both;
  font-size: 14px;
  color: #84b0ff;
  text-align: center;
  margin-top: 10px;
}

.backbox {
  .normal-link();
  display: block;
  .round(50px);
  overflow: hidden;
  .boxshadow(0 0 8px rgba(0, 0, 0, .08));
  .box-sizing(border-box);
  background: none;
  background-color: rgba(255, 255, 255, .9);
  .fixed(50%, auto, auto, 70px, 42px, 42px, 500);
  margin-left: 620px;
  cursor: pointer;
  border: 1px solid #1f53b1;
  .tran(all .2s ease);
  &:hover {
    opacity: .7;
  }
  .iconfont {
    color: #1f53b1;
    display: block;
    text-align: center;
    line-height: 40px;
    margin: 0;
    font-size: 20px;
    font-weight: bolder;
  }
}

/* 弹窗 */
.popupbg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.40);
  z-index: 100;
}

.contactbox {
  width: 535px;
  height: 410px;
  background: #fff;
  border-radius: 10px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -267px;
  margin-top: -205px;
  z-index: 101;
}

.contactbox .close, .tsgbox .close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 30px;
  top: 23px;
  background-position: -74px -130px;
  display: block;
  cursor: pointer;
}

.tabtil {
  height: 60px;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 25px;
  padding-left: 70px;
}

.tabtil li {
  float: left;
  width: 170px;
  font-size: 18px;
  color: #333;
  line-height: 60px;
  text-align: center;
}

.tabtil li.cur {
  font-weight: 600;
  border-bottom: 2px solid #1f53b1;
}

.tabcon {
  clear: both;
  padding: 40px 35px;
}

.tabcon ul {
  display: none;
}

.tabcon ul.on {
  display: block;
}

.tabcon li {
  font-size: 16px;
  color: #888;
  line-height: 34px;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tabcon li span {
  width: 90px;
  color: #333;
  text-align: right;
  display: inline-block;
  margin-right: 10px;
}

.tsgbox {
  width: 460px;
  height: 220px;
  background: #fff;
  border-radius: 10px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -230px;
  margin-top: -110px;
  z-index: 101;
}

.tsgcon {
  font-size: 16px;
  color: #444;
  text-align: center;
  line-height: 42px;
  padding-top: 90px;
}

.tsgcon span {
  width: 50px;
  height: 42px;
  vertical-align: middle;
  background-position: -238px -80px;
  display: inline-block;
  margin-right: 30px;
}
.nodata {
  display: block;
  margin: 0 auto;
  width: 1200px;
  text-align: center;
  font-size: 16px;
  color: #999;
  padding-bottom: 80px;
  padding-top: 80px;
  &:before {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    .background-image('pages/nodata.png');
    .background-attr(center top, contain, no-repeat);
    content: "";
    width: 350px;
    height: 201px;
    margin-bottom: 30px;
  }

}
.list-tips {
  text-align: center;
  color: #999;
  line-height: 20px;
  font-size: 14px;
  margin-top: 15px;
}
